<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/includes.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>尊丽庭美容</title>
<meta name="keywords" content="pinky, free css templates, CSS, HTML" />
<meta name="description" content="Pinky is a free CSS template provided by templatemo.com" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />

</head>
<body>

<div id="templatemo_wrapper"> 

	<div id="templatemo_header">
    	<div id="site_title">
            <h1><a href="#"><img src="images/templatemo_logo.png" alt="logo" /><span>尊丽庭美容机构 beta</span></a></h1>
        </div> <!-- end of site_title -->
        
        <div id="header_right">        
             <ul id="social_box">
                <li><a href="#"><img src="images/qq_meitu_48.png" alt="QQ" /></a></li>
                <li><a href="weibo.com/#"><img src="images/weibo_icon_48.jpg" alt="weibo" /></a></li>
                <li><a href="#"><img src="images/weixin_meitu_48.png" alt="weixin" /></a></li>
            </ul>
            <div id="templatemo_menu">
                <ul>
                	<li><a href="index.html" class="current">START HERE<span>主页</span></a></li>
                    <li><a href="services.html">WHAT WE DO<span>公司服务</span></a></li>
                    <li><a href="news.html">LATEST NEWS<span>公司新闻</span></a></li>
                    <li><a href="products.html">ANY PRODUCTS<span>公司产品</span></a></li>
                    <li><a href="contactus.html">ANY QUESTION?<span>关于我们</span></a></li>
                </ul>    	
            </div> <!-- end of templatemo_menu -->
    	</div>    
    </div> <!-- end of templatemo_header -->
    
    <div id="templatemo_sp_box">
    
    	<div class="col_w270">
            <img src="images/yuyue.png" alt="image" />
            <div class="right">
                <h5>预约</h5>
              <p>Praesent vel felis id lectus bibendum tempor sed sagittis.</p>
                <div class="button"><a href="#"><span>+</span> More</a></div>
			</div>
        </div>
        
        <div class="col_w270">
        	<img src="images/chaxun.png" alt="image" />
            <div class="right">
                <h5>查询</h5>
                <p>Ut volutpat erat nec mauris vestibulum sit amet pharetra. </p>
                <div class="button"><a href="#"><span>+</span> More</a></div>
			</div>
        </div>
        
        <div class="col_w270 col_last">
        	<img src="images/checkin4.png" alt="checkin" />
            <div class="right">
                <h5>签到</h5>

                <p>Aliquam elementum lacinia augue, quis pretium velit ultricies id.</p>
                <div class="button"><a href="#"><span>+</span> More</a></div>
			</div>
        </div>
    
    </div>
    
    <div id="templatemo_content_wrapper">
    	<div id="templatemo_content_top"></div>
        <div id="templatemo_content">
        
     <div class="col_w590 float_l">
                 <h5>${index.title }</h5>
                 <div class="image_wrapper image_fl">${index.picture }</div>
                <p></p>${index.summary }</p>
            
       	<div class="cleaner_h20"></div>
        
        <h3>我们的服务2</h3>
                
			<ul class="tmo_list col_w270">
			<c:forEach items="${sevices }" var="service">
                <li><a href="#">${service.title }</a></li>
            </c:forEach>
   			</ul> 
                
        <div class="cleaner"></div>
                
                <div class="button float_r"><a href="#"><span>+</span> Read More</a></div>
                <div class="cleaner"></div>
                
         	</div> <!-- end of col_w590 -->
            
            <div class="col_w270 col_last">
            
            	<h2>相关新闻</h2>
            <c:forEach items="${news }" var="new">
            	<div class="sb_news_box">
                	
                    ${new.picture }
                  	<div class="nb_right">
	                    <h6><a href="#">${new.title }</a></h6>
                        ${new.summary }</div>
                    <div class="cleaner"></div>
                    
                </div>
             </c:forEach>   
          		
                
              <div class="button float_r"><a href="#"><span>+</span> View All</a></div>
              
            </div>
            
            <div class="cleaner"></div>   
        </div> <!-- end of templatemo_content -->
        
        <div id="templatemo_content_bottom"></div>
	</div>
    
    <div id="templatemo_footer">

        Copyright © 2048 <a href="#">Your Company Name</a> | Template from <a href="http://www.cssmoban.com" target="_parent" title="网站模板">网站模板</a>
    
    </div> <!-- end of templatemo_footer -->
    
</div> <!-- end of templatemo_wrapper -->    

</body>
</html>